@charset "utf-8";
/*对应颜色替换
橙色｛显示：#feb65b 经过：#f3941c｝默认
绿色｛显示：#b1d85c 经过：#8fcd09｝
蓝色｛显示：#84c0f2 经过：#439de8｝
灰色｛显示：#bfbdbd 经过：#989494｝
红色｛显示：#f58384 经过：#eb6162｝
黑色｛显示：#323d45 经过：#27333b｝
亮蓝｛显示：#457ce6 经过：#316ee4｝
亮红｛显示：#ff0c8a 经过：#e60077｝
浅蓝｛显示：#8cbcd1 经过：#5fa2bf｝
*/
.suspend-item {
    background: url(../images/toolbar.png) no-repeat #ffb91d;
    display: block;
    width: 52px;
    height: 52px;
    margin-top: 1px;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    -o-transition: background-position 1s;
    -webkit-transition: background-position 1s;
    transition: background-position 1s;
}

.suspend-item-item {
    background: url(../images/toolbar.png) no-repeat #ffb91d;
    display: block;
    width: 52px;
    height: 52px;
    margin-top: 1px;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    -o-transition: background-position 1s;
    -webkit-transition: background-position 1s;
    transition: background-position 1s;
}

.service-QQ {
    box-shadow: 0 0 8px 0 #666;
}

.suspend-item-weixin .suspend-layer {
    height: 140px;
    background-position: 0 0;
    overflow: hidden;
    box-shadow: 0 0 5px #666;
}

.suspend-item:hover {
    background-color: #ffb91d;
}

.suspend-item-item:hover {
    background-color: #ffb91d;
}

.fn-suspend {
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 99999;
    margin-right: 20px \0;
}

/*假设网页宽度为1200px，导航条在右侧悬浮*/

.suspend-item:hover .suspend-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.suspend-item-weixin {
    background-position: 0 -798px;
}

.suspend-item-weixin:hover {
    background-position: 0 -860px;
}

.suspend-item-weixin .suspend-layer img {
    display: block;
}

.suspend-item-feedback {
    background-position: 0 -426px;
}

.suspend-item-feedback a {
    width: 100%;
    height: 100%;
    display: block;
}

.suspend-item-feedback:hover {
    background-position: 0 -488px;
}

.suspend-item-app {
    background-position: 0 -550px;
}

.suspend-item-app:hover {
    background-position: 0 -612px;
}

.suspend-item-top {
    background-position: 0 -674px;
    cursor: pointer;
}

.suspend-item-top:hover {
    background-position: 0 -736px;
}

.suspend-layer {
    position: absolute;
    right: -173px;
    bottom: 0px;
    width: 140px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.service-QQ {
    position: absolute;
    list-style: none;
    color: #666;
    width: 52px;
    bottom: 0px;
    background-color: #fff;
}

.service-QQ li {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 8px 0 8px;
    font-size: 14px;
}

.service-QQ a {
    text-decoration: none;
    color: #666;
}

.service-QQ li:last-child {
    border-bottom: none;
}

.service-QQ li img {
    vertical-align: middle;
}

.fn-suspend.floatqq_left .service-QQ {
    left: -173px;
    transition: left 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fn-suspend.floatqq_left .show_qq {
    opacity: 1;
    left: 52px;
    filter: alpha(opacity=100);
}

.fn-suspend.floatqq_right .service-QQ {
    left: 52px;
    transition: left 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fn-suspend.floatqq_right .show_qq {
    opacity: 1;
    left: -268px;
    filter: alpha(opacity=100);
}

.fn-suspend.floatqq_left .suspend-item-weixin .suspend-layer {
    left: -140px;
}

.fn-suspend.floatqq_left .suspend-item-weixin .suspend-layer.show_qq {
    left: 52px;
    transition: left 0.3s;
}

.fn-suspend.floatqq_right .suspend-item-weixin .suspend-layer.show_qq {
    left: -140px;
    transition: left 0.3s;
}

.fn-suspend.floatqq_left .suspend-layer {
    left: 52px;
    -moz-transform-origin: 0 95%;
    -ms-transform-origin: 0 95%;
    -o-transform-origin: 0 95%;
    -webkit-transform-origin: 0 95%;
    transform-origin: 0 95%;
}

@media (max-width: 767px) {
    .fn-suspend {
        display: none;
    }
}

/*分页当在首页上时鼠标不可点击*/
.page-disabled {
    cursor: auto;
}

/*#olx_tel div {*/
/*    color: #434343;*/
/*    line-height: 14px;*/
/*    height: 14px;*/
/*    margin-bottom: 10px*/
/*}*/

/*#olx_tel div i {*/
/*    font-size: 18px;*/
/*    margin-right: 10px;*/
/*    !*float: left;*!*/
/*    vertical-align: middle*/
/*}*/

/*#olx_head i {*/
/*    font-size: 18px;*/
/*    color: #fff;*/
/*    cursor: pointer;*/
/*    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/
/*}*/


/**/
#olx p {
    line-height: 18px;
    font-family: HELVETICANEUELTPRO-THEX;
    font-size: 16px
}

#olx dl dd {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    background: #666666;
    border-radius: 3px 3px 0 0;
}


#olx dl {
    display: table;
    width: 270px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .3);
    border-radius: 3px;
}


#olx dl dd b.up {
    background: url(../images/up.png) center center no-repeat;
}

#olx dl dd b.down {
    background: url(../images/down.png) center center no-repeat;
}

#olx dl ul li {
    list-style: none;
}
#olx dl ul li span {
    display: inline-block;
    width: 80px;
    text-align: left;


}

#olx dl ul li i {
    font-style: normal;
    margin-left: 5px;
}

/**/

/*右下角联系展开*/
#olx_head { background: #305DC3; border-radius: 0px; }
#olx_qq li a:hover i { color: #fff }
#olx_qq li a:hover { padding: 18px 30px; background: rgb(29, 72, 171);}
#online_open i { margin-top:10px;}
#online_open { background: none; bottom: 0px; color: #515151;bottom: 160px; color:#999;background-color:#fff;border: 1px solid rgba(0, 0, 0, .1);width: 38px;height: 39px;border-bottom: none;}
#online_open:hover {background-color: #555; color:#fff;}
#olx_tel div { color: #898989; }
#olx_qq li a i { color: #504f4f; }
/*#olx_head i:hover { color: #fff; transform: rotate(180deg); -ms-transform: rotate(180deg); 	!* IE 9 *! -moz-transform: rotate(180deg); 	!* Firefox *! -webkit-transform: rotate(180deg); !* Safari和 Chrome *! -o-transform: rotate(180deg); 	!* Opera *! }*/
#olx_head i img{
    margin-left: -10px;
}

#online_open {
    width: 30px;
    height: 30px;
    background: #00d420;
    cursor: pointer;
    position: fixed;
    right: -40px;
    bottom: 190px;
    z-index: 99999;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

#online_open i {
    margin-top: 6px
}

#online_lx {
    width: 180px;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
    box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
    position: fixed;
    /*right: 10px;*/
    bottom: 5px;
    left: 6px;
    z-index: 99999
}

#olx_head {
    padding: 20px;
    line-height: 20px;
    height: 50px;
    background: #07213c;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 16px;
    z-index: 1001;
    position: relative;
}
#olx_head i {
    font-size: 16px;
    position: absolute;
    right: 20px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#olx_qq li a {
    padding: 12px 30px;
    height: 16px;
    line-height: 16px;
    background: #f5f5f5;
    color: #353434;
    display: block;
    border-bottom: #fff 1px solid;
    transition: all ease-out .3s;
    font-size: 12px
}

#olx_qq li a i {
    color: #5e5e5e;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 18px;
    transition: all ease-out .3s;
}

#olx_qq li a:hover {
    color: #fff;
    background: #565656
}

#olx_qq li a:hover i {
    color: #00d420;
}

#olx_tel {
    padding: 20px 30px
}

@media (max-width: 767px) {
    #olx_tel {
       display: none;
        padding: 10px 20px;
    }

    #target{
        transform: rotate(180deg);
    }
}

#olx_tel div {
    color: #434343;
    line-height: 16px;
    font-size: 16px;
    height: 16px;
    margin-bottom: 10px;
}

#olx_tel div i {
    font-size: 16px;
    margin-right: 18px;
    vertical-align: middle
}

#olx_tel p {
    line-height: 16px;
    font-family: HELVETICANEUELTPRO-THEX;
    font-size: 16px;
    margin-bottom: 8px;
}